
.first-step {
    margin: 55px auto 15px;
    color: white;
    text-align: center;
    line-height: 39px;
    width: 159px;
    height: 39px;
    background-color: #2583fc;
    border-radius: 5px;
    font-size: 18px;
}

.arrow {
    width: 12px;
    height: 34px;
}

.doingAll {
    border: dashed 2px #aeabab;
    text-align: start;
    padding: 110px 60px 60px;
    font-size: 0;
    margin-bottom: 15px;
}

.doingPart {
    display: inline-block;
    font-size: 0;
    margin-bottom: 50px;
}

.doingPart + .doingPart {
}

.arrowDiv, .processDiv {
    display: inline-block;
}

.arrowDiv {
    /*height: 72px;*/
    margin: 11px 15px 0;
    vertical-align: top;
}

.doingTop {
    width: 100px;
    height: 30px;
    border-radius: 3px;
    border: solid 2px #3b87c6;

    color: #666666;
    border-radius: 3px 3px 0 0;
    border-bottom: none;
    text-align: center;
    line-height: 30px;
}

.doingBottom {
    overflow: hidden;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    border-radius: 0 0 3px 3px;
    background-color: #3b87c6;
    border-top: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.noDone {
    border: solid 2px #e6e6e6;
}

.noDoneBg {
    background-color: #e5e5e5;
    color: #666666;
}

.last-step {
    width: 159px;
    height: 39px;
    margin: 9px auto 66px;
    color: #666666;
    border-radius: 5px;
    background-color: #e5e5e5;
    text-align: center;
    line-height: 39px;
    font-size: 18px;
}

.isOver {
    color: white;
    background-color: #414fb1;
}